<template>
	<div class="title">
		<span class="border"></span><span class="content"> {{ props.title }}</span>
	</div>
</template>
<script setup lang="ts">
const props = defineProps({
	title: {
		type: String,
		default: '',
	},
});
</script>
<style scoped lang="scss">
.title {
	display: flex;
	align-items: center;
}
.border {
	width: 6px;
	background: linear-gradient(180deg, var(--el-color-primary) 0%, #409eff 100%);
	margin-right: 10px;
	height: 20px;
	border-radius: 20px;
}
.content {
	font-size: 20px;
	font-weight: 500;
}
</style>
